    //   公共样式代码，包括导航栏、banner、底部通栏，所有页面共用
    @charset 'utf-8';
    @import "reset";
    $font-size:16px;
    $color:#333;
    .wrap {
        width: 100%;
        // 导航栏nav样式
        nav {
            text-align: center;
            width: 100%;
            height: 99px;
            background-color: #fff;
            .navBox {
                height: 100%;
                // display: inline-block;
                display: flex;
                justify-content: space-around;
                align-items: center;
                .logo {
                    float: left;
                    height: 100%;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
                .navbar {
                    display: flex;
                    align-items: center;
                    // float: left;
                    height: 100%;
                    line-height: 99px;
                    // margin-left: 450px;
                    ul {
                        display: flex;
                        li {
                            float: left;
                            width: 64px;
                            height: 99px;
                            text-align: center;
                            line-height: 99px;
                            font-size: $font-size;
                            margin-right: 20px;
                            a {
                                color: $color;
                            }
                            &:hover a {
                                color: #f9a575;
                                cursor: pointer;
                            }
                        }
                        li:last-child {
                            width: 30px;
                            height: 5px;
                            border-top: 5px solid #f9a575;
                            border-bottom: 5px solid #f9a575;
                            background-color: #f9a575;
                            padding: 5px 0;
                            background-clip: content-box;
                            margin: auto;
                        }
                    }
                }
            }
        }
    }
    
    // 轮播图banner样式
    .banner {
        width: 100%;
        height: 800px;
        background-color: pink;
        border-top: 1px solid #ffb495;
        border-bottom: 1px solid #ffb495;
        img {
            width: 100%;
            height: 100%;
        }
    }
    
    // 底部通栏footer样式
    footer {
        position: relative;
        width: 100%;
        height: 370px;
        background-color: #000;
        .container {
            width: 1200px;
            height: 190px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -95px -600px;
            .footerTop {
                width: 100%;
                height: 171px;
                display: flex;
                .footerTopLeft {
                    height: 99px;
                    flex: 1;
                    border-right: 1px solid #ccc;
                    .topLeftHeader {
                        li {
                            display: inline-block;
                            border-right: 1px solid #ccc;
                            width: 75px;
                            height: 14px;
                            color: #fffefe;
                            line-height: 14px;
                            font-size: 14px;
                            padding: 0 5px;
                        }
                        li:first-child {
                            padding: 0;
                        }
                        li:last-child {
                            border-right: 0;
                        }
                    }
                    .topLeftFooter {
                        margin-top: 60px;
                        li {
                            display: inline-block;
                            color: #fff;
                            width: 31px;
                            i {
                                font-size: 22px;
                            }
                        }
                    }
                }
                .footerTopCenter {
                    flex: 1;
                    height: 99px;
                    border-right: 1px solid #ccc;
                    .infoBox {
                        width: 316px;
                        height: 99px;
                        margin: 0 auto;
                        h2 {
                            font-family: MicrosoftYaHeiLight;
                            font-weight: normal;
                            font-stretch: normal;
                            letter-spacing: 0px;
                            color: #fefefe;
                            margin-bottom: 15px;
                        }
                        p {
                            font-family: MicrosoftYaHeiLight;
                            font-size: 12px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0px;
                            color: #fefefe;
                            opacity: 0.9;
                        }
                    }
                }
                .footerTopRight {
                    position: relative;
                    flex: 1;
                    height: 99px;
                    .code {
                        width: 84px;
                        height: 100px;
                        position: absolute;
                        right: 0;
                        top: 0;
                        img {
                            width: 100%;
                            height: 82px;
                        }
                        p {
                            width: 84px;
                            height: 12px;
                            font-family: MicrosoftYaHeiLight;
                            font-size: 11px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0px;
                            color: #fefefe;
                        }
                    }
                }
            }
            .footerBottom {
                font-family: MicrosoftYaHeiLight;
                font-size: 10px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 19px;
                letter-spacing: 0px;
                color: #fefefe;
                text-align: center;
            }
        }
    }